define(['jquery'], () => {
    class  Footer {
      constructor () {
        this.loadHTML().then(() => {
          // ...
        })
      }
      loadHTML () {
        // load是一个异步方法，所以要操作header的DOM元素必须要load加载完成才能使用
        // 除了在load完成之后调用还能使用事件委托
        return new Promise(resolve => {
          // $('header').load('ml/modules/header.html', () => {
          //   resolve()
          // })
  
          $('footer').load('/html/modules/footer.html', resolve)
        })
      }
      
    }
    return new Footer()
  })